<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://developers.facebook.com/schema/">
<head>
	<title>Sign Up - Wattpad</title>
	<meta http-equiv="X-UA-Compatible" content="IE=9"/>
	<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
	<meta name="keywords" content=""/>
	<meta name="description" content=""/>
	<link rel="shortcut icon" href="./favicon.ico"/>
	<link href='css/font.css' rel='stylesheet' type='text/css' />
	<link rel='stylesheet' href='css/web.css' type='text/css' />
    <link rel='stylesheet' href='css/facebox.css' type='text/css' />
    <link rel='stylesheet' href='css/jquery-ui-1.8.16.custom.css' type='text/css' />
    <script src='js/jquery.min.js' type='text/javascript'></script>
    <script src='js/jquery.cookie.min.js' type='text/javascript'></script>
    <script src='js/facebox.1.3.min.js' type='text/javascript'></script>
    <script src='js/wattpad.js' type='text/javascript'></script>
    <!-- Register Page -->
    <script src='js/jquery-ui-1.8.16.custom.min.js' type='text/javascript'></script>
    <!-- Register Page-->
	<!--[if IE 6]>
	<script src='js/DD_belatedPNG_0.0.8a-min.js' type='text/javascript'></script>
	<script type="text/javascript">
		header_png();
	</script>
	<link rel='stylesheet' href='css/ie6.css' type='text/css' />
	<![endif]-->

	<!--[if IE 7]>
	<link rel='stylesheet' href='css/ie7.css' type='text/css' />
	<![endif]-->
	<script>
		var _gaq = _gaq || [];
		_gaq.push(['_setAccount', 'UA-886196-1'],['_setDomainName', 'wattpad.com'],['_trackPageview'],['_trackPageLoadTime']);
	</script>
</head>

<body topmargin="0" leftmargin="0" rightmargin="0" >	
    <!-- Header Shufle -->
    <div id="bg_header">
		<div class="shuffletab">
			<a href="/shuffle" title="Wattpad Shuffle">
			  <img src='images/shuffle_icon.png' width='40' height='40' alt='shuffle'  />
			</a>
		</div>
	</div>
    <!-- Header Shufle -->
    
    <!-- Header Wrapper -->
	<div id="header_wrapper">
	   <div id="header" class="png_bg updated">
           <!-- Header Login -->
           <div id="header_login">
                <form name="toplogin" id="toplogin" action="member-area/home.html" method="post" style="display:inline">
				    <input type="text" class="inputbox" id="username" name="username" placeholder="Username" size="8" maxlength="128">
				    <input type="password" class="inputbox" name="password" placeholder="Password" size="8" maxlength="20">
				    <input type="text" style="display: none;" disabled="disabled" size="1" />
				    <input type="submit" id="login_button" class="b2 medium orange" value="Login">
				    <!--[if IE]><input type="text" style="display: none;" disabled="disabled" size="1" /><![endif]-->
                </form>
	       </div>
           <!-- Header Login -->
	       
           <!--Top Menu Header-->
           <div id="top_nav_float">
					<div id="top_nav" class="png_bg">
						<ul class="main_tabs">
							<li class="header_tabs discover_container">
								<div id="discover_tab" class="tab_container has_subtabs">
									<span>Discover</span>
									<div class="search_wrapper png_bg">
										<form action="" method="get" onsubmit="searchOnSubmit(); return false;">
										<input type="text" id="searchinput" class="search_box" name="search" size="16" />
										<input type="image" src="images/searchicon.png" class="search_box_submit"/>
									</form>
									</div>
									<div class="sub_tabs discover">
										<div class="discover_options hover_effect">
											<ul>
												<li><a href="sitemap.html">Categories<img src='images/arrow_right_white.png' width='12' height='12' alt='arrow_right_white.png'/></a></li>
												<li><a href="featured.html">Featured</a></li>
												<li><a href="watty.html">Watty Awards</a></li>
												<li><a href="undiscovered.html">Undiscovered Gems</a></li>
												<li><a href="index.html">What's Hot</a></li>
												<li><a href="new.html">What's New</a></li>
											</ul>
										</div>
										<div class="discover_categories hover_effect_cat">
											<ul>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Romance')">Romance</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Science Fiction')">Science Fiction</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Fantasy')">Fantasy</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Mystery')">Mystery</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Humor')">Humor</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Paranormal')">Paranormal</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Horror')">Horror</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Adventure')">Adventure</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Thriller')">Thriller</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Historical Fiction')">Historical Fiction</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Teen Fiction')">Teen Fiction</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Fan Fiction')">Fan Fiction</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Poetry')">Poetry</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Short Story')">Short Story</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Non-Teen Fiction')">Non-Teen Fiction</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Action')">Action</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Vampire')">Vampire</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Werewolf')">Werewolf</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Spiritual')">Spiritual</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Non-Fiction')">Non-Fiction</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Classics')">Classics</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Other')">Other</a></li>
											</ul>
										</div>
									</div>
								</div>
								<a id="logo_click" name="top" href="index.html" rel="nofollow"></a>
							</li>
							<li id="create_tab" class="header_tabs">
								<a href="/mystories"><span>Create</span></a>
							</li>
							<li id="community_tab" class="header_tabs has_subtabs">
								<span>Community</span>
								<div class="sub_tabs community hover_effect">
									<ul>
										<li><a href="insider.html">Insider</a></li>
										<li><a href="clubs.html">Clubs</a></li>
										<li><a href="#">Contests</a></li>
										<li><a href="watty.html">Watty Awards</a></li>
									</ul>
								</div>
							</li>
							
							<li id="login_links" class="header_tabs">
								<a class="join_now" href="register.html" rel="nofollow">Join Now</a>
								<a class="login_now" id="loginlink" href="#" onclick="return false;" rel="nofollow">Login</a>
							</li>
							
							<li class="header_tabs nav_links">
								<a href="#" title="Help"><img src='images/help.png' width='15' height='14' alt='help.png'  /></a>
								<!--
								<a href="#" onclick="$.facebox({ajax:'/dialog/language'})">
									English	<img src='http://a.wattpad.net/image/90476/v2/top/arrow_right_white.png' width='8' height='8' alt='arrow_right_white.png'  />								
								</a>
								-->
							</li>
						</ul>
					</div>
	       </div>
           <!--Top Menu Header-->
           
        </div>

			
			<script type="text/javascript">
				cleanHeaderBar();
			</script>

			<!--[if IE 6]>
			<script type="text/javascript">
				cleanHeaderBarIE6();
			</script>
			<![endif]-->

    </div>
    <!-- Header Wrapper -->

<!-- Content Wrapper -->		
<div id="content_wrapper">
    <!-- Content Background -->
	<div id="content_bg" class="png_bg">
    <!-- Content-->
	<div id="content">
        <!--Script-->
	   <script src='js/password_strength_plugin.js' type='text/javascript'></script>
       <script src='js/jquery.tipsy.js' type='text/javascript'></script>
       <!--Script-->
       <br/><br/>
    
    <!--Container Register -->
    <div align="center">
	<!--Container Panel -->
    <div class="panel" style="width: 50%; padding: 40px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px">
		<span style="color:black; font-size: 20px;">Discover, read and share with readers and writers</span>

		<!--
        <div style="margin: 10px 0 20px 0;">
			<a class="" id="" href="#" rel="nofollow" title="" onclick="facebook_prompt_permission('email,user_birthday,user_location,publish_stream', function() { window.location.href='user_fblogin?nexturl=%2Fhome&access_token='+FBStatus.accessToken; }); return false;"><img class="" style="" alt="Facebook" border="0" width="175" height="25" src="http://a.wattpad.net/image/11668/v2/fb_mobile_login.png"/></a>		
        </div>
        -->
        
        <!--
		<div id="email_signup_container" style="display: none;">
            Don't have Facebook? <a href="#" id="email_signup">Sign up with e-mail.</a>
        </div>
        -->
        
        <!--Signup Form -->
		<div id="signup_table" >
		  <table style="width:82%;">
			 <form id="signup_form" name="signup" action="user_signup" method="post" enctype="multipart/form-data">
					<input type="hidden" name="referral" value="" />
				        <!-- error label-->
                        <tr> 
                            <td align="center"><span class="error">Choose a username.</span></td> 
                        </tr>
                        <!-- error label-->
                        <tr>  
						  <td align="left">
                            <!-- Username Label -->							
                            <b>Username</b>
							<br/>
							<input id="mtb_username" type="text" title="Must be unique, 6-20 characters, case sensitive" class="inputSignup" name="mtb_username" tabindex="10" maxlength="128" value="">
							<br/>
							<!-- Username Label -->
                            
                            <!-- Email Label -->
                            <br/>
							<b>Email Address</b>
							<br/>
							<input id="mtb_email" type="text" title="This is not publicly shown. Use a valid email address, we'll send you an activation email." class="inputSignup"  name="mtb_email" tabindex="20" maxlength="128" value="">
							<br/>
                            
							<br/>
							<span id="unsupported_email_msg" class="small" style="color:#FF0000; display:none;">
								Your email address may not be able to receive the account activation info from Wattpad.<br>
								Please try another email service.<br />
							</span>
                            <!-- Email Label -->
                            
                            <!-- Password Label -->
							<div style="float:left;font-weight:bold; width:48%;">Password</div>
							<br clear="all" />
							<input type="password" id="mtb_password" class="inputSignup password"  style="float: left;width:45%" name="mtb_password" tabindex="30" maxlength="20">
							<br />
							<br />
                            <!-- Password Label -->
                            
                            <!-- Birthday Label -->
							 <br />
							 <div style="float:left;font-weight:bold; width:50%;padding-top: 8px;">Birthdate</div>
                            <!-- Birthday Label -->
                            <!-- Gender Label -->
							<div style="font-weight:bold;padding-top: 8px;">Gender</div>
                            <!-- Gender Label -->
                            <!-- Birthday Input -->
							<div style="float:left;width:50%;">
								<input style="width:90%" id='birthdate' class="inputSignup" type="text" name="birthdate" size="10" maxlength="10" tabindex="40" value="mm-dd-yyyy">
							</div>
							<!-- Birthday Input -->
                            
                            <!-- Gender Selected -->
                                <select style="width:49%;padding-bottom: 6px" id="gender" name="gender" tabindex="50" class="inputSignup">
								    <option value="F">Female</option>
                                    <option value="M">Male</option>
                                </select>
                            <!-- Gender Selected -->    
							<br/>
							<br/>
							<br/>
                            <!-- Agree Label --> 
							<div style="text-align: center;">
							     <input id="mtb_terms" type="checkbox" name="mtb_terms" tabindex="60" />
							     <label for="mtb_terms">I agree to the <a href="terms" target="_new">terms of use</a> for Wattpad. You must be at least 13 years old to join. </label>
							</div>
                            <!-- Agree Label -->
						</td>
					</tr>
                    <!--Submit Button -->
					<tr>
						<td align="center">
							<h3 id="signup_spinner" style="height: 23px; display: none;padding: 9px;margin: 10px">Signing you up... <img src='http://a.wattpad.net/image/11668/ajax-loader-white.gif'  alt='ajax-loader-white.gif'  /></h3>
							<input style="width:55%" type="submit" id="signup_button" name="submitButton" tabindex="70" value="Sign Up!" class="b2 orange">
							<br/>
						</td>
					</tr>
                    <!--Submit Button -->
				</form>
			</table>
		  </div>
          <!--Signup Form -->
	</div>
    <!--Container Panel -->
    </div>
    <!--Container Register -->

	<!--Bottom Banner --><div id="ad_bottom_banner" style="clear:both;text-align:center;padding-bottom:10px"></div><!--Bottom Banner -->	
 
  </div>
 <!-- End Content-->
 
<!-- Content Bottom--> 
<div id="content_bottom" class="png_bg"></div>
<!-- Content Bottom-->


    <!-- Footer-->
    <div id="foot">
		<div class="col1">
			<!--<a href="http://www.facebook.com/wattpad" rel="nofollow"><img src='http://a.wattpad.net/image/11668/v2/footer/facebook.png' width='30' height='32' alt='facebook.png' style='margin:0 5px 10px 0'  /></a>
			<a href="http://twitter.com/wattpad" rel="nofollow"><img src='http://a.wattpad.net/image/11668/v2/footer/twitter.png' width='30' height='32' alt='twitter.png' style='margin:0 5px 10px 0'  /></a>
			<a href="http://www.youtube.com/user/wattpad" rel="nofollow"><img src='http://a.wattpad.net/image/11668/v2/footer/youtube.png' width='32' height='32' alt='youtube.png' style='margin:0 5px 10px 0'  /></a>
			<br>-->
			MADE IN ENGLAND <img src='images/canada.png' width='12' height='14' alt='canada.png'  /><br/>
			&copy; 2012 WP Technology Inc.
		</div>
		
    	<div style="float: right;">
    		<div class="col2">
    			WATTPAD<br/>
    			<a href="about.html">ABOUT US</a><br/>
    			<a href="blog.html" rel="nofollow">BLOG</a><br/>
    			<a href="jobs.html" rel="nofollow">JOBS</a><br/>
    		</div>
    		<div class="col2">
    			HELP<br/>
    			<a href="#">QUESTIONS?</a><br/>
    			<a href="contact_us.html" rel="nofollow">CONTACT US</a><br/>
    			<a href="#" rel="nofollow">GIFT SHOP</a><br/>
    		</div>
    		<div class="col2">
    			MORE INFO<br/>
    			<a href="terms.html" rel="nofollow">TERMS OF SERVICE</a><br/>
    			<a href="privacy.html" rel="nofollow">PRIVACY POLICY</a><br/>
    			<a href="codeofconduct.html" rel="nofollow">CODE OF CONDUCT</a><br/>
    		</div>
    	</div>
        
    </div>
    <!-- Footer-->

 </div>
</div>


<script type="text/javascript">
	$(document).ready(function () {
		// initialize the datepicker
		$("#birthdate").datepicker({
			dateFormat: 'mm-dd-yy',
			changeMonth: true,
			changeYear: true,
			defaultDate: "mm-dd-yyyy",
			showAnim: 'fadeIn',
			yearRange: '1900:+00',
			maxDate: new Date()
		});

		//initialize the password strength meter
		$(".password").passStrength({
			userid: "#mtb_username"
		});

		$('#signup_form').submit(function () {
			$('#signup_button, #signup_spinner').toggle();
			return true;
		});

		$('#email_signup').click(function () {
			$('#email_signup_container').css('visibility', 'hidden');
			$('#signup_table').slideDown('slow');
			$('#mtb_username').tipsy({gravity: 'w', trigger: 'focus'});
			$('#mtb_email').tipsy({gravity: 'w', trigger: 'focus'});
			setTimeout(function () {
				$('#mtb_username').focus();	//need to delay focus event for the duration of the slidedown animation (600ms) or the slidedown will be strange
			}, 600);
			return false;
		});
	});

		window.onload = $('#email_signup').click();
</script>

<script type="text/javascript">
	if ($("#system_message").length>0) {
		$('#content').css("padding-top", "30px");
		$('#content_block').css("padding-top", "30px");
	}

	if (isMobile()) {
		$('#header').css("position", "relative");
	}

	$('body, #top_nav_float, #header').css('background', 'url(\'images/linen.jpg\') fixed');</script>

<!-- FB -->
<div id="fb-root"></div>
<script type="text/javascript">
	header_fb('2582347323');
</script>

<!-- GA -->
<script type="text/javascript">
(function() {
	var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>

<!-- QC -->
<script type="text/javascript">
  var _qevents = _qevents || [];
  (function() {
   var elem = document.createElement('script');
   elem.src = (document.location.protocol == "https:" ? "https://secure" : "http://edge") + ".quantserve.com/quant.js";
   elem.async = true;
   elem.type = "text/javascript";
   var scpt = document.getElementsByTagName('script')[0];
   scpt.parentNode.insertBefore(elem, scpt);
  })();
</script>
<script type="text/javascript">
_qevents.push( { qacct:"p-45MMy5TH1XE82"} );
</script>
<noscript>
<div style="display: none;">
    <img src="images/p-45MMy5TH1XE82.gif" height="1" width="1" alt="Quantcast"/>
</div>
</noscript>
</body>
</html>